@charset "utf-8";

.web {
    .famliy {
        overflow: hidden;
        .tu {
            margin-top: 46px;
            width: 100%;
            height: 276px;
            img {
                width: 100%;
            }
        }
    }
    //简介
    header {
        .qiye {
            width: 100%;
            height: 486px;
            background: #fff;
            .jin {
                margin: 0 auto;
                width: 1000px;
                .jias {
                    h1 {
                        margin-top: 94px;
                        font-size: 36px;
                        color: #2a2a2a;
                        font-weight: normal;
                    }
                    p{
                        margin-top: 36px;
                        font-size: 21px;
                        color: #2a2a2a;
                    }
                    span{
                        display: block;
                        margin-top: 28px;
                        text-indent:2em;
                        font-size: 14px;
                        color: #2a2a2a;
                    }
                }
            }
            .gongsi{
                width: 303px;
                height: 176px;
                overflow: hidden;
                img{
                    width: 100%;
                }
            }
        }
        .renc{
            width: 100%;
            background: #8cc11f;
            height: 406px;
            padding-bottom: 79px;
            .rencz{
                margin: 0 auto;
                width: 1000px;
              
                .hr{
                   h1{
                       margin-top: 110px;
                       margin-bottom: 36px;
                    font-weight: normal;
                    a{
                        text-decoration: none;
                             font-size: 36px;
                    color: #fff;
                    }
                   }
                   p{
                       margin-top: 22px;
                       font-size: 16px;
                       color: #fff;
                   }
                }
                .emali{
                        margin-top: 195px;
                    span{
                        font-size: 16px;
                        color:#fff ;
                    }
                    .com{
                        a{
                            display: inline-block;
                            width: 219px;
                            height: 48px;
                            background: #fff;
                            text-align: center;
                            line-height: 48px;
                            color:#8cc11f ;
                            font-size: 24px;
                            border-radius: 5px;
                            text-decoration: none;
                            margin: 18px 0;
                        }
                        a:hover{
                            background: #38E859;
                            color: #fff;
                        }
                    }
                }
            }
        }
        .kaif{
            background: #fff;
            width: 100%;
            .fa{
                margin: 0 auto;
                width: 1000px;
                padding-bottom: 67px;
                border-bottom: 1px solid #d2d2d2;
                .zhiw{
                    h1{
                        margin-top: 123px;
                        font-weight: normal;
                        a{
                             font-size: 25px;
                        color: #8cc11f;
                        text-decoration: none;
                        }
                    }
                    h4{
                         margin-top: 70px;
                        font-weight: normal;
                        a{
                             font-size: 25px;
                        color: #8cc11f;
                        text-decoration: none;
                        }
                    }
                    h2{
                        font-size: 18px;
                        color: #2a2a2a;
                        margin-top: 36px;
                        font-weight: normal;
                    }
                    ol{
                        li{
                            margin-top: 14px;
                            color: #2a2a2a;
                        }
                    }
                    h3{
                        font-size: 18px;
                        color: #2a2a2a;
                        font-weight: normal;
                    }
                }
            }
        }
        .kaifli{
            background: #fff;
            width: 100%;
            .fai{
                margin: 0 auto;
                width: 1000px;
                padding-bottom: 67px;
                .zhiwi{
                    h1{
                        margin-top: 123px;
                        font-weight: normal;
                        a{
                             font-size: 25px;
                        color: #8cc11f;
                        text-decoration: none;
                        }
                    }
                    h4{
                         margin-top: 70px;
                        font-weight: normal;
                        a{
                             font-size: 25px;
                        color: #8cc11f;
                        text-decoration: none;
                        }
                    }
                    h2{
                        font-size: 18px;
                        color: #2a2a2a;
                        margin-top: 36px;
                        font-weight: normal;
                    }
                    ol{
                        li{
                            margin-top: 14px;
                            color: #2a2a2a;
                        }
                    }
                    h3{
                        font-size: 18px;
                        color: #2a2a2a;
                        font-weight: normal;
                    }
                }
            }
        
        }
    }
    section{
        width: 100%;
        background: #f4f4f4;
        height: 405px;
        .dizi{
            width: 1000px;
            margin: 0 auto;
            .xiang{
              h1{
                    font-size: 36px;
                color: #2a2a2a;
                font-weight: normal;
                margin-top: 43px;
              }
            }
            .dingh{
                ul{
                    padding: 0;
                    li{
                        display: inline-block;
                        list-style: none;
                        margin-top: 18px;
                        a{
                            display: block;
                            text-decoration: none;
                            width: 469px;
                            height: 103px;
                            background: #fff;
                            line-height: 103px;
                            border: 1px solid #e3e3e3;
                            border-radius:5px;
                            margin-right: 13px;
                            .huay{
                                display: inline-block;
                                width: 70px;
                                height: 70px;
                                 vertical-align: middle;
                                 vertical-align: top;
                                 margin-left: 20px;
                                img{
                                    width: 100%;
                                }
                            }
                            p{
                                vertical-align: middle;
                                display: inline-block;
                                font-size: 15px;
                                color: #2a2a2a;
                                margin-left: 11px;
                            }
                        }
                    }
                }
            }
        }
    }
}
@media only screen and (max-width:415px){
    .web{
        .famliy{
            .tu{
                height: 71px;
            }
        }
        header{
            .qiye{
                height:100%;
                .jin{
                    width: 100%;
                    padding-bottom: 20px;
                    height: 680px;
                    .jias{
                        h1{
                            margin-top: 25px;
                        }
                    }
                }
            }
            .renc{
                .rencz{
                    width: 100%;
                    padding-bottom: 20px;
                    height: 410px;
                    .hr{
                        h1{
                            margin-top: 23px;
                        }
                    }
                    .emali{
                        margin-top: 0;
                    }
                }
            }
            .kaif{
                .fa{
                    width: 100%;
                    .zhiw{
                        h1{
                            margin-top: 23px;
                        }
                    }
                }
            }
            .kaifli{
                .fai{
                    width: 100%;
                    .zhiw{
                        h1{
                            margin-top: 23px;
                        }
                    }
                }
            }
        }
        section{
            height: 100%;
            .dizi{
                width: 100%;
                height: 600px;
                .dingh{
                    ul{
                        li{
                            a{
                                width: 339px;
                                margin-right: 0;
                                .huay{
                                    width: 60px;
                                    height: 60px;
                                }
                                p{
                                    font-size: 12px;
                                    margin-left: 0;
                                }
                            }
                        }
                    }
                }
            }
        }
        .foot{
            .foot1{
                width: 100% !important;
                height: 100%;
                .foot2{
                   justify-content: center;
                   span{
                       font-size: 11px;
                   }
                }
                .foot3{
                    display: none;
                }
            }
        }
    }
}
@media only screen and (max-width:320px){
    .web{
        header{
            .qiye{
                height:100%;
                .jin{
                    width: 100%;
                    padding-bottom: 20px;
                    height: 710px;
                    .jias{
                        h1{
                            margin-top: 25px;
                        }
                    }
                }
            }
        }
        section{
            height: 100%;
            .dizi{
                width: 100%;
                height: 475px;
                .xiang{
                    h1{
                        margin-top: 17px;
                    }
                }
                .dingh{
                    ul{
                        li{
                            a{
                                width: 293px;
                                height: 73px;
                                line-height: 73px;
                                margin-right: 0;
                                .huay{
                                    width: 31px;
                                    height: 3px;
                                    margin-left: 3px;
                                }
                                p{
                                    font-size: 12px;
                                    margin-left: 0;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
